$(function(){
    var delParent;
    var defaults = {
        fileType         : ["JPG","jpg","PNG","png","BMP","bmp","JPEG","jpeg"],   // 上传文件的类型
        fileSize         : 1024 * 1024 * 10                  // 上传文件的大小 10M
    };
    //   var blob= dataURLtoBlob(imgUrl);



    /*点击图片的文本框*/
    $(".file").change(function(){
        var idFile = $(this).attr("id");
        var file = document.getElementById(idFile);
        var imgContainer = $(this).parents(".z_photo"); //存放图片的父亲元素
        var fileList = file.files; //获取的图片文件
        var input = $(this).parent();//文本框的父亲元素
        console.log(input)
        var imgArr = [];
        var return_imgArr=[];
        //遍历得到的图片文件
        var numUp = imgContainer.find(".up-section").length;
        var totalNum = numUp + fileList.length;  //总的数量
        if(fileList.length > 5 || totalNum > 5 ){
            //alert("上传图片数目不可以超过5个，请重新选择");  //一次选择上传超过5个 或者是已经上传和这次上传的到的总数也不可以超过5个
            myApp.alert(_("上传图片数目不可以超过5个，请重新选择"));
        }
        else if(numUp < 5){

            fileList = validateUp(fileList);
            if(imgArr.length==fileList.length){
                $("#img_upding_now").hide();
            }
            for(var i = 0;i<fileList.length;i++){
                $("#img_upding_now").show();
                var xhr = new XMLHttpRequest();

                var reader = new FileReader();
                reader.onload = function ( event ) {
                    var imgUrl = event.target.result;
                    var img_boxHmtl=[
                        '<section class="up-section fl load">',
                        '<span class="up-span"></span>',
                        '<img src="/images/a7.png" class="close-upimg" style="display: block;top:4px;right:2px;width:16px;height:16px">',
                        '<img src=',imgUrl,' class="up-img new_up" data-src=',imgUrl,'>',
                        '<p class="img-namep"></p>',
                        '<input id="taglocation" name="taglocation" value="" type="hidden">',
                        '<input id="tags" name="tags" value="" type="hidden">',
                        '</section>'
                    ].join('');
                    $("#img_box").append(img_boxHmtl);
                    $("#img_upding_now").hide();
                };
                reader.readAsDataURL( fileList[i] );


            }

        }
        setTimeout(function(){
            $(".up-section").removeClass("load");
            $(".up-img").removeClass("up-opcity");
        },450);
        // numUp = imgContainer.find(".up-section").length;
        // if(numUp >= 5){
        //     $(this).parent().hide();
        // }
    });


    $(".z_photo").delegate(".close-upimg","click",function(){
        $(".works-mask").show();
        delParent = $(this).parent();
    });

    $(".wsdel-ok").click(function(){
        $(".works-mask").hide();
        var numUp = delParent.siblings().length;
        if(numUp < 6){
            delParent.parent().find(".z_file").show();
        }
        delParent.remove();
    });

    $(".wsdel-no").click(function(){
        $(".works-mask").hide();
    });

    $('.close_f').on('click',function(){
        alert("999")
    })

    function validateUp(files){
        var arrFiles = [];//替换的文件数组
        for(var i = 0, file; file = files[i]; i++){
            //获取文件上传的后缀名
            var newStr = file.name.split("").reverse().join("");
            if(newStr.split(".")[0] != null){
                var type = newStr.split(".")[0].split("").reverse().join("");
                type=type.toUpperCase();
                if(jQuery.inArray(type, defaults.fileType) > -1){
                    // 类型符合，可以上传
                    if (file.size >= defaults.fileSize) {
                        //alert(file.size);
                        //alert('您这个"'+ file.name +'"文件大小过大');
                        myApp.alert(_("您这个")+ file.name +_("文件大小过大"));
                    } else {
                        // 在这里需要判断当前所有文件中
                        arrFiles.push(file);
                    }
                }else{
                    //alert('您这个"'+ file.name +'"上传类型不符合');
                    myApp.alert(_("您这个")+ file.name +_("上传类型不符合"));
                }
            }else{
                //alert('您这个"'+ file.name +'"没有类型, 无法识别');
                myApp.alert(_("您这个")+ file.name +_("没有类型, 无法识别"));
            }
        }
        return arrFiles;
    }



});
//上传视频 start
function videofile(files) {
    var _files = $(files);
    if($('#video_input').val()||$('#video_input').attr('data-url')){
        myApp.alert("只能上传一个视频");
        return;
    }
    $('.close_f').remove();
    $('.video_file').remove();
    var _CRE_FILE = document.createElement("input");
    _CRE_FILE.setAttribute("type", "file");
    _CRE_FILE.setAttribute("class", "video_file");
    _CRE_FILE.setAttribute("id", "video_input");
    _CRE_FILE.setAttribute("accept", "video/*");
    _CRE_FILE.setAttribute("style", "display:none");
    _files.after(_CRE_FILE);
    return $(_CRE_FILE).click();//打开对象选择框
}
//视频
$("#video_box").on('change','.video_file',function(e){
    if ($(this).val().length > 0) {
        //判断图片格式是否正确
        var FORMAT = $(this).val().substr($(this).val().length - 3, 3);
        if (FORMAT != "mp4"&&FORMAT!='rmvb'&&FORMAT!='avi'&&FORMAT!='mov'&&FORMAT!='MOV'&&FORMAT!="MP4") {
            myApp.alert("文件格式不正确！！！");
            return;
        }

        var path;
        path = getObjectURL(e.target.files[0]);
        var userAgent=navigator.userAgent;
        if(APP){
            if(userAgent.indexOf("Android")!=-1 && (FORMAT=="MOV" || FORMAT == "mov") ){
                var videoHtml= '<section class="up-section fl close_f" style="margin-left: 5px; position: relative;">'+
                    '<span class="up-span"></span>'+
                    '<img src="/images/a7.png" class="close-upimg" onclick="closeVideo()">'+
                    '<img src="/images/video2.png" style="width: 100%;height: 100%;display: block;">'+
                    '</section>';
            }else{
                var videoHtml= '<section class="up-section fl close_f" style="margin-left: 5px; position: relative;width: 136px;height: 136px">'+
                    '<img src="/images/a7.png" class="close-upimg" onclick="closeVideo()" style="display: block">'+
                    '<embed src="'+path+'" style="width: 100%;height: 100%;display: block;">'+
                    '</section>';
            }

        }else{
            if(FORMAT == "MOV" || FORMAT=="mov"){
                var videoHtml= '<section class="up-section fl close_f" style="margin-left: 5px; position: relative;">'+
                    '<span class="up-span"></span>'+
                    '<img src="/images/a7.png" class="close-upimg" onclick="closeVideo()">'+
                    '<img src="/images/video2.png" style="width: 100%;height: 100%;display: block;">'+
                    '</section>';
            }else{
                var videoHtml= '<section class="up-section fl close_f" style="margin-left: 5px; position: relative;width: 136px;height: 136px">'+
                    '<img src="/images/a7.png" class="close-upimg" onclick="closeVideo()" style="display: block">'+
                    '<embed src="'+path+'" style="width: 100%;height: 100%;display: block;">'+
                    '</section>';
            }

        }

        $('.video_one').after(videoHtml)
    }
});
//删除视频
function closeVideo() {
    $('.close_f').remove();
    $('.video_file').remove();
}
//上传视频end

//兼容转换blob
function getObjectURL (file) {
    var url = null
    if (window.createObjectURL !== undefined) { // basic
        url = window.createObjectURL(file)
    } else if (window.URL !== undefined) { // mozilla(firefox)
        url = window.URL.createObjectURL(file)
    } else if (window.webkitURL !== undefined) { // webkit or chrome
        url = window.webkitURL.createObjectURL(file)
    }
    return url
}


